<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<figure class="test1">
    <img src="img/1.jpg" alt="">
    <figcaption>
        <h2>苟大平移</h2>
        <p>苟大1</p>
        <p>苟大2</p>
        <p>苟大3</p>
    </figcaption>
</figure>
<figure class="test2">
    <img src="img/2.jpg" alt="">
    <figcaption>
        <h2>苟大旋转</h2>
        <p>吹啊吹啊我的骄傲放纵</p>
        <div></div>
    </figcaption>
</figure>
<figure class="test3">
    <img src="img/banner.jpg" alt="">
    <figcaption>
        <h2>苟大屁股扭起来</h2>
        <p>苟大屁股</p>
    </figcaption>
</figure>
<figure class="test4">
    <img src="img/pic01.jpg" alt="">
    <figcaption>
        <h2>苟大缩放</h2>
        <p>旋转跳跃我闭着眼  哈哈哈</p>
        <div></div>
    </figcaption>
</figure>
</body>
</html>